<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="icon" href="/public/images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="/public/css/min.css">
    <title>联系我们</title>
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <link rel="stylesheet" href="/public/css/style.css" type="text/css" media="all"/>
    <link rel="stylesheet" href="/public/css/pagenavi-css.css" type="text/css" media="all"/>
    <script type="text/javascript" src="/public/js/jquery-1.11.3.min.js"></script>
    <script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=EVwdfOssQ6PhrFF9ld5Gfz62lA69L4vr"></script>
</head>
<body data-theme-url="" data-device="desktop"
      class="home page-template page-template-page-templates page-template-page-home page-template-page-templatespage-home-php page page-id-5 language-en">
<div class="loadingBg">
    <div class="loadinglg">
        <div class="ldlogo"></div>
        <div class="ldbg"></div>
    </div>
</div>
<div class="scroller-wrapper" scrollbar>
    <div class="component-transition-line">
        <div class="transition-line__wrapper">
            <div class="transition-line__line">
                <svg class="transition-line__svg" x="0px" y="0px" viewBox="0 0 1920 3105">
                    <path fill="none" stroke-width="4"
                          d="M861.1,1200c120.8-257.7,320.9-290.4,379.8-527.1c30-120.7-0.7-237.2-5.8-255.8 c-35.3-128.4-114.8-193.9-158-232C1036.8,149.8,960.6,82.7,881.7-4.5"/>
                    <path fill="none" stroke-width="4"
                          d="M695,3102c5.5-82.9,49.5-158,86.1-221.6c90.3-157,135.5-235.5,148-265.1c18.3-43.5,91.8-217.8,72-422.5 c-7.1-72.8-39.4-160.8-104-336.9c-70.6-192.2-84.4-195.4-100-265.1c-33.6-149.6-3.1-247.7,64-390.8"/>
                </svg>
            </div>
        </div>
    </div>
    <!--#include file="/views/component/header.html"-->
    <div th:replace="header :: header"></div>
    <main id="barba-wrapper">
        <input type="hidden" id="contact_address" th:value="${companyProfile.address}"/>
        <section class="barba-container" data-namespace="home">
            <div class="misc-sticky || js-scroll js-printed-checker">
                <div class="misc-sticky__wrapper wrapper--left">
                    <div class="component-nav-vertical">
                        <div class="nav-vertical__list"></div>
                        <div class="nav-vertical__arrow">
                            <button class="arrow-line arrow--bottom"><span></span> <span></span></button>
                            <button class="arrow-line arrow--top"><span></span> <span></span></button>
                        </div>
                    </div>
                </div>
            </div>

            <div class="contact">
                <div class="box1">
                    <div class="container">
                        <div class="tit">
                            <div class="cn contact_name" th:text="${companyProfile.name}">钉耙精密仪器（深圳）有限公司</div>
                            <div class="en" th:text="${companyProfile.nameEn}">NINGBO YONGXIN OPTICS CO., LTD.</div>
                        </div>
                        <div class="txt clearfix">
                            <div class="left">
                                <p>
                                    <span style="font-size: 16px;">地址：</span>
                                    <span style="font-size: medium;" th:text="${session.lang == 'en' ? companyProfile.addressEn : companyProfile.address}">中国宁波国家高新区木槿路169号</span>
                                </p>
                                <p><span style="font-size: 16px;">电话：<th:block th:text="${companyProfile.tel}"></th:block></span></p>
                                <p><span style="font-size: 16px;">邮箱：<th:block th:text="${companyProfile.email}"></th:block></span></p>
                                <p><span style="font-size: 16px;">手机：<th:block th:text="${companyProfile.fax}"></th:block></span></p>
                            </div>
                            <div class="right" style="width:60%;">
                                <table width="100%" border="0&ldquo; bordercolor=">
                                    <tbody>
                                        <tr>
                                            <td width="100%" height="45">
                                                <p class="MsoNormal">
                                                    <span style="font-size: small;" th:each="o: ${offices}">
                                                        <span style="display: inline-block; width: 60%;">
                                                            <th:block th:text="${session.lang == 'en' ? o.nameEn : o.name}"></th:block> ：
                                                            <th:block th:text="${session.lang == 'en' ? o.addressEn : o.address}"></th:block>
                                                        </span>
                                                        电话：<th:block th:text="${o.tel}"></th:block>
                                                    </span>
                                                </p>

                                            </td>
                                        </tr>
                                        <tr>
                                            <td height="45">
                                                <p class="MsoNormal">
                                                    <span style="font-family: 宋体; font-size: 7pt; letter-spacing: 0pt;">
                                                    <img th:src="${companyProfile.officeImageUrl}" alt="" />
                                                    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                                                    </span>
                                                </p>
                                            </td>
                                            <td height="45">
                                                <p>&nbsp;</p>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="container" class="map"></div>
            </div>
            <!--#include file="/views/component/footer.html"-->
            <div th:replace="footer :: footer"></div>
            <script>
                var _hmt = _hmt || [];
                var map = new BMapGL.Map('container');
                var point = new BMapGL.Point(113.931331, 22.771451);
                map.centerAndZoom(point, 15);
                // 创建点标记
                var marker = new BMapGL.Marker(point);
                map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
                var scaleCtrl = new BMapGL.ScaleControl();  // 添加比例尺控件
                map.addControl(scaleCtrl);
                var zoomCtrl = new BMapGL.ZoomControl();  // 添加比例尺控件
                map.addControl(zoomCtrl);
                map.addOverlay(marker);
                // 创建信息窗口
                var opts = {
                    width: 200,
                    height: 100,
                    title: $(".contact_name").text()
                };
                var infoWindow = new BMapGL.InfoWindow('地址：' + $('#contact_address').val(), opts);
                // 点标记添加点击事件
                marker.addEventListener('click', function () {
                    map.openInfoWindow(infoWindow, point); // 开启信息窗口
                });
            </script>
            <style>
                #container {
                    height: 650px;
                    width: 100%;
                }

                .BMap_bubble_pop,
                .BMap_bubble_title {
                    width: auto !important;
                }

                .BMap_bubble_pop {
                    padding: 10px 30px !important;
                }

                .BMap_cpyCtrl {
                    display: none !important;
                }
            </style>
        </section>
    </main>
</div>
</body>
</html>